<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
<h:form>
		<p:panel id="basic" header="Barrios" style="width:700px">
			<p:dataTable var="" value="" rows="5" scrollable="true"
				editable="true" resizableColumns="true" liveResize="true">

				<f:facet name="header">
					<p:outputPanel style="text-align:right">
						<h:outputText value="Buscar: " />
						<p:inputText id="globalFilter" onkeyup="" style="width:150px"
							placeholder="Enter keyword" />
					</p:outputPanel>
				</f:facet>

				<p:column headerText="Barrio">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="Alberdi" />
						</f:facet>
						<f:facet name="input">
							<p:inputText id="modelInput" value="" style="width:100%" />
						</f:facet>
					</p:cellEditor>
				</p:column>
				
				<p:column headerText="Ciudad">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="Córdoba" />
						</f:facet>
						<f:facet name="input">
							<h:selectOneMenu value="" style="width:100%">
								<f:selectItem itemLabel="Select One" itemValue="" />
							</h:selectOneMenu>
						</f:facet>
					</p:cellEditor>
				</p:column>
				
				<p:column headerText="Provincia">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="Córdoba" />
						</f:facet>
						<f:facet name="input">
							<h:selectOneMenu value="" style="width:100%">
								<f:selectItem itemLabel="Select One" itemValue="" />
							</h:selectOneMenu>
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="País">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="Argentina" />
						</f:facet>
						<f:facet name="input">
							<h:selectOneMenu value="" style="width:100%">
								<f:selectItem itemLabel="Select One" itemValue="" />
							</h:selectOneMenu>
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="Modificar"
					style="width:70px;text-align: center">
					<p:rowEditor />
				</p:column>

				<p:column style="width:70px;text-align: center"
					headerText="Eliminar">
					<p:commandButton update="" oncomplete="" icon="ui-icon-close"
						title="View">
						<f:setPropertyActionListener value="" target="" />
						<p:confirm header="Confirmation" message="Are you sure?"
							icon="ui-icon-alert" />
					</p:commandButton>

					<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
						<p:commandButton value="Yes" type="button"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="No" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>

				</p:column>
			</p:dataTable>

			<br />

			<p:fieldset legend="Nuevo" toggleable="true" toggleSpeed="500"
				collapsed="true" style="width:400px">
				<h:panelGrid columns="2" cellpadding="5">
					<h:outputLabel for="pais" value="País:" />
					<p:selectOneMenu value="" style="width:210px">
						<f:selectItem itemLabel="Select One" itemValue="" />
						<f:selectItem itemLabel="Option 1" itemValue="1" />
						<f:selectItem itemLabel="Option 2" itemValue="2" />
						<f:selectItem itemLabel="Option 3" itemValue="3" />
					</p:selectOneMenu>
					<h:outputLabel for="provincia" value="Provincia:" />
					<p:selectOneMenu value="" style="width:210px">
						<f:selectItem itemLabel="Select One" itemValue="" />
						<f:selectItem itemLabel="Option 1" itemValue="1" />
						<f:selectItem itemLabel="Option 2" itemValue="2" />
						<f:selectItem itemLabel="Option 3" itemValue="3" />
					</p:selectOneMenu>
					<h:outputLabel for="ciudad" value="Ciudad:" />
					<p:selectOneMenu value="" style="width:210px">
						<f:selectItem itemLabel="Select One" itemValue="" />
						<f:selectItem itemLabel="Option 1" itemValue="1" />
						<f:selectItem itemLabel="Option 2" itemValue="2" />
						<f:selectItem itemLabel="Option 3" itemValue="3" />
					</p:selectOneMenu>
					<h:outputLabel for="nombreBarrio" value="Barrio:" />
					<p:inputText style="width:200px"></p:inputText>
				</h:panelGrid>
				<p:separator id="separator" />
				<p:commandButton value="Guardar" icon="ui-icon-disk" />
			</p:fieldset>
		</p:panel>


	</h:form>

</ui:define>
</ui:composition>